Tengo la aplicación .NET MVC ejecutándose en IIS 7. Mi página se muestra correctamente y los estilos funcionan bien en Chrome y Firefox, pero en IE 10 el CSS no se carga y en la pestaña Red veo que viene como "texto/ html" y dando 406 Http Código inaceptable. La ruta de mi archivo css es correcta y estoy renderizando como se muestra a continuación
<link href="/Content/css-app/bootstrap.min.css?v=20210924122520" rel="stylesheet" type="text/css" />¿Puede alguien por favor ayudar? He estado buscando a través de Internet desde hace más de 2 días.
Por lo que he encontrado, puede configurar tipos mime en IIS, si eso es posible para usted:
web.config
<configuration> <system.webServer> <staticContent> <mimeMap fileExtension=".css" mimeType="text/css" /> <mimeMap fileExtension=".js" mimeType="text/javascript" /> </staticContent> </system.webServer> </configuration>También es posible que desee agregar el juego de caracteres (aplique el correcto si no es utf-8):
<configuration> <system.webServer> <staticContent> <mimeMap fileExtension=".css" mimeType="text/css; charset=utf-8" /> <mimeMap fileExtension=".js" mimeType="text/javascript; charset=utf-8" /> </staticContent> </system.webServer> </configuration> Si no es que tal vez la respuesta sea realmente una página HTML con un texto de error.
Podría ser una página HTML disfrazada .
Créditos:
Probablemente no agregó el tipo mime apropiado en el lado del servidor y el navegador lo envía con "texto/css".
Siempre puede obtener el contenido en texto sin formato y ponerlo en una etiqueta de estilo.
var xhtp = new XMLHttpRequest(); xhtp.open("GET","/Content/css-app/bootstrap.min.css?v=20210924122520"); xhtp.setRequestHeader("Content-Type","text/plain"); xhtp.onload = function(){ let stylTag = document.createElement("style"); stylTag.textContent = this.responseText; document.head.appendChild(stylTag); }; xhtp.send();